<div class="modal" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog avatar-dialog">
    <div class="modal-content">
      <div class="modal-body">
        <div class="avatar">
          <div class="avatar-title">
            <span>头像设置</span>
            <span class="glyphicon glyphicon-remove" style="float: right;cursor: pointer;" ng-click="$hide()">

            </span>
          </div>
          <div class="row avatar-body">
            <div class="cropArea">
              <img-crop image="myImage" result-image="data.myCroppedImage"
                        area-type="square" on-load-error="doError()"></img-crop>
            </div>
            <div class="myAvatar">
              <img class="showMyAvatar" ng-src="{{data.myCroppedImage}}"/>

              <div class="action">
                <span>1.支持jepg、png格式图片。</span>
                <span>2.支持大小不得超过4M。</span>
              </div>

              <input type="file" id="file" class="file"/>

              <input type="submit" class="diy-avatar selectPhoto" value="选择图片" ng-show="myImage==''"
                     ng-click="selectPhoto()"/>

              <input type="submit" class="diy-avatar selectPhoto" value="重新选择" ng-show="myImage!=''"
                     ng-click="selectPhoto()"/>

              <input type="submit" class="diy-avatar uploadAvatar" value="保存头像" ng-show="myImage!=''"
                     ng-click="uploadAvatar()"/>
            </div>
          </div>

        </div>
      </div>
      <div class="modal-footer">
      </div>
    </div>
  </div>
</div>
